<template>
  <div>
    <TypeNav />
    <List />
    <Recommend />
    <Rank />
    <Like />
    <Floor v-for="item in floorList" :key="item.id" :item="item" />
    <Brand />
  </div>
</template>

<script>
import List from '@/views/Home/components/01.List/'
import Recommend from '@/views/Home/components/02.recommend/index.vue'
import Rank from '@/views/Home/components/03.Rank/index.vue'
import Like from '@/views/Home/components/04.Like/index.vue'
import Floor from '@/views/Home/components/05.Floor/index.vue'
import Brand from '@/views/Home/components/06.Brand/index.vue'

import { getFloorListAPI } from '@/api/index.js'
export default {
  name: 'Home',
  data() {
    return {
      floorList: [],
    }
  },
  components: {
    List,
    Recommend,
    Rank,
    Like,
    Floor,
    Brand,
  },
  async mounted() {
    const { data: res } = await getFloorListAPI()
    this.floorList = res.data
  },
}
</script>

<style></style>
